﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.2.2 灯泡打开</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_2_2_灯泡打开/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_2_2_灯泡打开/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u1694" class="ax_default _形状" data-label="Rectangle">
        <div id="u1694_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1695" class="ax_default" data-left="101" data-top="37" data-width="317" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1696" class="ax_default" data-left="382" data-top="37" data-width="29" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u1697" class="ax_default _形状">
            <div id="u1697_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1698" class="ax_default _形状">
            <div id="u1698_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1699" class="ax_default _形状">
            <div id="u1699_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1700" class="ax_default image">
          <img id="u1700_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1701" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1701_div" class=""></div>
          <div id="u1701_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1702" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1702_div" class=""></div>
          <div id="u1702_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1703" class="ax_default" data-left="103" data-top="80" data-width="193" data-height="26">

        <!-- Unnamed (形状) -->
        <div id="u1704" class="ax_default icon">
          <img id="u1704_img" class="img " src="images/3_1_睡眠日志/u1439.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1705" class="ax_default label">
          <div id="u1705_div" class=""></div>
          <div id="u1705_text" class="text ">
            <p><span>外接灯泡</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1706" class="ax_default" data-left="90" data-top="133" data-width="316" data-height="84">

        <!-- Unnamed (矩形) -->
        <div id="u1707" class="ax_default _形状">
          <div id="u1707_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1708" class="ax_default _水平线">
          <img id="u1708_img" class="img " src="images/3_2_2_灯泡打开/u1708.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1709" class="ax_default label">
          <div id="u1709_div" class=""></div>
          <div id="u1709_text" class="text ">
            <p><span>选择灯泡</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1710" class="ax_default image">
          <img id="u1710_img" class="img " src="images/3_2_1_选择灯泡/u1673.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1711" class="ax_default label">
          <div id="u1711_div" class=""></div>
          <div id="u1711_text" class="text ">
            <p><span>启动</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1712" class="ax_default" data-left="347" data-top="142" data-width="43" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u1713" class="ax_default _形状">
            <div id="u1713_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1714" class="ax_default _形状">
            <div id="u1714_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1715" class="ax_default" data-left="90" data-top="243" data-width="316" data-height="45">

        <!-- Unnamed (组合) -->
        <div id="u1716" class="ax_default" data-left="90" data-top="243" data-width="316" data-height="45">

          <!-- Unnamed (矩形) -->
          <div id="u1717" class="ax_default _形状">
            <div id="u1717_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1718" class="ax_default label">
          <div id="u1718_div" class=""></div>
          <div id="u1718_text" class="text ">
            <p><span>灯泡打开</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1719" class="ax_default label">
          <div id="u1719_div" class=""></div>
          <div id="u1719_text" class="text ">
            <p><span>立即</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1720" class="ax_default image">
          <img id="u1720_img" class="img " src="images/3_2_1_选择灯泡/u1683.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1721" class="ax_default" data-left="394" data-top="239" data-width="214" data-height="110">

        <!-- Unnamed (图片) -->
        <div id="u1722" class="ax_default image">
          <img id="u1722_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1723" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1723_div" class=""></div>
          <div id="u1723_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1724" class="ax_default" data-left="394" data-top="257" data-width="180" data-height="8">

          <!-- Unnamed (水平线) -->
          <div id="u1725" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="177" CompoundMode="true">
            <img id="u1725_img" class="singleImg img " src="images/3_2_2_灯泡打开/u1725.png"/>
            <div id="u1725p000" class="ax_vector_shape" WidgetTopLeftX="-0.483516483516484" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.489010989010989" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.483516483516484" WidgetBottomLeftY="0" WidgetBottomRightX="0.489010989010989" WidgetBottomRightY="0">
              <img id="u1725p000_img" class="img " src="images/3_2_2_灯泡打开/u1725p000.png"/>
            </div>
            <div id="u1725p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="44" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="44" WidgetBottomRightY="0">
              <img id="u1725p001_img" class="img " src="images/1_1_5_备注/u1013p001.png"/>
            </div>
            <div id="u1725p002" class="ax_vector_shape" WidgetTopLeftX="8.65" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="8.65" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
              <img id="u1725p002_img" class="img " src="images/图例/u9p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1726" class="ax_default _形状">
            <div id="u1726_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u1727" class="ax_default _形状" data-label="Rectangle">
        <div id="u1727_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1728" class="ax_default" data-left="595" data-top="35" data-width="317" data-height="17">

        <!-- Unnamed (组合) -->
        <div id="u1729" class="ax_default" data-left="876" data-top="35" data-width="29" data-height="15">

          <!-- Unnamed (矩形) -->
          <div id="u1730" class="ax_default _形状">
            <div id="u1730_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1731" class="ax_default _形状">
            <div id="u1731_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1732" class="ax_default _形状">
            <div id="u1732_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1733" class="ax_default image">
          <img id="u1733_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1734" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1734_div" class=""></div>
          <div id="u1734_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1735" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1735_div" class=""></div>
          <div id="u1735_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1736" class="ax_default" data-left="595" data-top="83" data-width="80" data-height="18">

        <!-- Unnamed (形状) -->
        <div id="u1737" class="ax_default icon">
          <img id="u1737_img" class="img " src="images/3_2_1_选择灯泡/u1654.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1738" class="ax_default label">
          <div id="u1738_div" class=""></div>
          <div id="u1738_text" class="text ">
            <p><span>外接灯泡</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1739" class="ax_default" data-left="573" data-top="147" data-width="339" data-height="211">

        <!-- Unnamed (矩形) -->
        <div id="u1740" class="ax_default _形状">
          <div id="u1740_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1741" class="ax_default _水平线">
          <img id="u1741_img" class="img " src="images/3_2_1_选择灯泡/u1644.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1742" class="ax_default _水平线">
          <img id="u1742_img" class="img " src="images/3_2_1_选择灯泡/u1644.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1743" class="ax_default _水平线">
          <img id="u1743_img" class="img " src="images/3_2_1_选择灯泡/u1644.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1744" class="ax_default label">
        <div id="u1744_div" class=""></div>
        <div id="u1744_text" class="text ">
          <p><span>默认</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1745" class="ax_default label">
        <div id="u1745_div" class=""></div>
        <div id="u1745_text" class="text ">
          <p><span>立即</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1746" class="ax_default label">
        <div id="u1746_div" class=""></div>
        <div id="u1746_text" class="text ">
          <p><span>缓慢</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1747" class="ax_default" data-left="595" data-top="316" data-width="299" data-height="29">

        <!-- Unnamed (组合) -->
        <div id="u1748" class="ax_default" data-left="623" data-top="321" data-width="255" data-height="19">

          <!-- Unnamed (水平线) -->
          <div id="u1749" class="ax_default _水平线">
            <img id="u1749_img" class="img " src="images/3_2_2_灯泡打开/u1749.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u1750" class="ax_default _水平线">
            <img id="u1750_img" class="img " src="images/3_2_2_灯泡打开/u1750.png"/>
          </div>

          <!-- Rectangle (矩形) -->
          <div id="u1751" class="ax_default _形状" data-label="Rectangle">
            <div id="u1751_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1752" class="ax_default box_1">
          <div id="u1752_div" class=""></div>
          <div id="u1752_text" class="text ">
            <p><span>冷</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1753" class="ax_default box_1">
          <div id="u1753_div" class=""></div>
          <div id="u1753_text" class="text ">
            <p><span>暖</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1754" class="ax_default label">
        <div id="u1754_div" class=""></div>
        <div id="u1754_text" class="text ">
          <p><span>打开方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1755" class="ax_default label">
        <div id="u1755_div" class=""></div>
        <div id="u1755_text" class="text ">
          <p><span>色调</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1756" class="ax_default icon">
        <img id="u1756_img" class="img " src="images/3_2_1_选择灯泡/u1656.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1757" class="ax_default label">
        <div id="u1757_div" class=""></div>
        <div id="u1757_text" class="text ">
          <p><span>卧室1</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1758" class="ax_default" data-left="267" data-top="763" data-width="457" data-height="410">

        <!-- Unnamed (矩形) -->
        <div id="u1759" class="ax_default box_1">
          <img id="u1759_img" class="img " src="images/2_0_天气页面/u1363.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1760" class="ax_default label">
          <div id="u1760_div" class=""></div>
          <div id="u1760_text" class="text ">
            <p><span>功能逻辑：</span></p><p><span>灯泡打开的默认方式是在闹钟响起的前三分钟自动打开；立即模式则是灯光随着闹钟响起而打开，没有过渡；而缓慢方式则模拟日出的光线，其在闹钟响起前30s缓慢打开。关闭灯泡则需要用户手动关闭。</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>通过左右滑动智能灯光色调的冷暖，单击可选择灯光的打开方式，被选中的方式字体变粗，出现√在最右侧，选择完灯泡打开方式后点击单角符-左返回外接灯泡页面即为设置完成。</span></p><p><span><br></span></p><p><span>业务逻辑：</span></p><p><span>用户可以自主选择灯光的冷暖调以及打开方式，这样使闹钟更加智能。</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
